@media (max-width: 1860px) {
    header .logo {
        margin-left: 2%;
        height: 25px
    }

    header .search {
        width: 5%
    }

    .index_1 .fr .box:hover .t2 {
        font-size: 18px
    }

    .index_1 .fr .box:hover .word {
        width: 80%;
        padding: 0 10%
    }
}

@media (max-width: 1300px) {
    header .pc-nav {
        margin-left: 5%
    }

    header .pc-nav ul li a {
        margin: 0 12px
    }

    .contact li .fl {
        width: 55%
    }

    .contact li .ditu {
        width: 45%
    }

    .contact li p {
        text-indent: 30px;
        width: 80%
    }

    .foot .foot-bot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .foot .foot-bot .fr {
        width: 100%;
        text-align: center
    }

    .foot .foot-bot .fr a {
        display: inline-block;
        float: none
    }
}

@media (max-width: 1266px) {
    .index_4 .mpic {
        width: 60%;
        height: auto
    }

    .index_4 .mpic img {
        max-width: 100%
    }

    .index_4 .con1 {
        background: #e42126
    }

    .index_4 .fltit {
        display: none
    }

    .index_4 .newsbox {
        width: 60%;
        height: 404px;
        background-size: cover;
        background-position: top center
    }

    .index_4 .rbox {
        width: 34%;
        height: auto;
        padding: 45px 3% 0
    }

    .index_4 .box2 {
        width: 34%;
        padding: 0 3%;
        height: 404px;
        background-size: cover
    }

    .index_4 .newsbox .more .mbtn {
        left: 5%
    }
}

@media (max-width: 1230px) {
    .index_6 .fl, .index_6 .fr {
        width: 33.33%
    }

    .index_6 .fr {
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .index_2 .box dl, .index_2 .con, .more2 {
        display: none
    }

    .foot .foot-top .fnav a {
        padding: 0 30px
    }

    .index_2 .box {
        width: 100%;
        height: auto;
        border: 0;
        padding: 0;
        background: 0
    }

    .index_2 .box .tit {
        font-size: 26px;
        text-align: center;
        line-height: 84px
    }

    .index_2 .box .tit em {
        margin: 0 auto;
        width: 34px;
        height: 2px
    }

    .index_2 .box h3 {
        font-size: 30px;
        color: #000;
        line-height: normal;
        text-align: center;
        margin-top: 20px
    }

    .index_2 .box form {
        width: 100%;
        margin-top: 20px
    }

    .index_2 .box form .text {
        width: 92%;
        padding-left: 0;
        text-indent: 15px
    }

    .index_2 .box form .button {
        width: 6%
    }

    .index_2 {
        height: auto
    }

    .index .index-mob-scroll .pagination, .index .mobile-scroll .pagination {
        text-align: center;
        margin-top: 20px
    }

    .index .mobile-scroll .swiper-pagination-bullet, .index .mobile-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .mobile-scroll .swiper-pagination-bullet-active, .index .mobile-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet, .index .index-mob-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet-active, .index .index-mob-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .mobile-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .mobile-scroll ul {
        width: 100%
    }

    .index .mobile-scroll ul li a {
        display: block;
        height: auto
    }

    .index .mobile-scroll ul li a .img {
        float: left;
        width: 100%;
        overflow: hidden
    }

    .index .mobile-scroll ul li a .img img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index_2 .box {
        margin-bottom: 0
    }

    .index_1 .fl {
        width: 100%;
        margin-top: 0;
        float: none;
        text-align: center
    }

    .index_1 {
        padding: 40px 0 0
    }

    .picshow .slick-list {
        padding-bottom: 0
    }

    .index_1 .fr {
        display: none
    }

    .index_1 .godsimg img {
        max-width: 100%
    }

    .index_1s {
        min-width: auto
    }

    .index .index-mob-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .index-mob-scroll ul {
        width: 100%
    }

    .index .index-mob-scroll ul li .godsimg {
        float: left;
        width: 100% !important;
        overflow: hidden
    }

    .index .index-mob-scroll ul li .godsimg img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index .index-mob-scroll ul li .godsimg .word {
        position: absolute;
        left: 0;
        top: 45%;
        bottom: 0;
        width: 95%;
        text-align: center;
        color: #FFF;
        padding: 0 2.5% 40px;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s
    }

    .index .index-mob-scroll ul li .godsimg .word .t1, .index .index-mob-scroll ul li .godsimg .word .t2 {
        text-transform: uppercase;
        text-align: center;
        text-indent: 0;
        font-size: 26px
    }

    .index_1s .fl h3, .index_1s .fl h3 em {
        font-size: 26px !important
    }

    .index_3 .top {
        padding: 0 0 20px
    }

    .index_4 .tit {
        font-size: 26px;
        line-height: 100px
    }

    .index_4 .rbox h3 img, .index_4 .tit img {
        height: 26px
    }

    .index_4 .box p {
        font-size: 20px;
        padding-top: 58px
    }

    .index_4 .box p em {
        font-size: 16px;
        margin-top: 10px
    }

    #products .conLeft {
        display: none
    }

    #products .conRight {
        width: 100%
    }
}

@media (max-width: 1140px) {
    .m-navwrap, .m-navwrap li, .m-navwrap ul {
        width: 100%
    }

    .foot .foot-bot, .foot .foot-top .fnav, .index_3 .tit, .index_3 .top ul, .index_4 .rbox {
        text-align: center
    }

    header {
        height: 60px
    }

    header .pc-nav {
        display: none
    }

    header .m-nav {
        display: block
    }

    header .m-nav .nav-ico {
        display: block;
        position: absolute;
        right: 2.5%;
        top: 18px;
        cursor: pointer
    }

    header .search {
        display: none
    }

    header .language {
        margin-right: 100px;
        margin-top: 18px;
        display: none
    }
    header .logo{
        margin-top: 20px;
    }
    header .logo img {
        height: 25px;
        margin-left: 2.5%
    }

    .m-navwrap {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        background: #fff;
        overflow: hidden;
        border-top: 1px solid #e5e5e5;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m-navwrap .mlanguage {
        font-size: 15px;
        margin-right: 10px;
        transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        line-height: 46px
    }

    .m-navwrap .tit {
        display: block;
        width: 78%;
        padding: 0 17% 0 5%;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        color: #d43f3a;
        background: url(../images/arrow2.png) 92% center no-repeat #FFF;
        background-size: auto 22%;
        cursor: pointer;
        border-right: 1px solid #035cac
    }

    .m-navwrap .tit a {
        color: #d92129;
        display: block
    }

    .m-navwrap .tit a:hover {
        color: #000
    }

    .m-navwrap li {
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .m-navwrap .sub-box {
        width: 100%;
        background-color: #c9302c;
        display: none
    }

    .m-navwrap .sub-box a {
        display: block;
        width: 78%;
        padding: 0 17.4% 0 5.9%;
        height: 34px;
        line-height: 34px;
        border-top: 1px solid #fff;
        color: #fff;
        font-size: 13px
    }

    .m-navwrap .sub-box a:hover {
        background-color: #d43f3a
    }

    .slick-slider {
        margin-top: 60px
    }

    .foot .foot-top .fnav {
        width: 100%;
        float: none
    }

    .foot .foot-top .fnav a {
        display: inline-block;
        margin-bottom: 10px;
        padding: 0;
        width: 14.28%
    }

    .foot .foot-top .logo {
        float: none;
        margin: 0 auto;
        display: block
    }

    .foot .foot-top {
        padding: 40px 0 30px
    }

    .foot .foot-top .fnav a::before {
        display: none
    }

    .foot .foot-top .fnav a:hover .word {
        margin-top: 0
    }

    .index_6 .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .index_6 .fr {
        width: 50%
    }

    .index_6 .fr .con {
        border-top: 0;
        margin-top: 0
    }

    .index_3 .swiper6 {
        display: block
    }

    .index_3 .proswiper {
        display: none !important
    }

    .index_3 .pcchange {
        display: none
    }

    .index_3 .mobchange {
        display: block
    }

    .index_3box .pic img {
        margin: 0 auto;
        display: block;
        max-width: 100%
    }

    .index_3 .tit {
        font-size: 26px;
        float: none;
        margin-bottom: 20px
    }

    .index_3 .top ul {
        float: none
    }

    .index_3 .top ul li {
        float: left;
        display: inline-block;
        width: 45%;
        margin: 0 2.5%;
        padding: 0;
        font-size: 14px
    }

    .index_3 .con .swiper-slide {
        margin: 0
    }

    .index_4 .mpic, .index_4 .mpic img {
        width: 100%
    }

    .index_4 .rbox {
        width: 90%;
        height: auto;
        padding: 45px 5%
    }

    .index_4 .rbox .m {
        float: none !important
    }

    .index_4 .rbox p {
        height: auto
    }

    .index_4 .newsbox ul li h4 {
        font-size: 14px
    }

    .index_4 .newsbox ul li .desc {
        margin: 20px 0
    }

    .index_4 .newsbox {
        width: 100%;
        height: auto;
        background: #fff;
        padding-bottom: 50px
    }

    .index_4 .newsbox ul {
        width: 90%;
        margin: 20px 5%
    }

    .index_4 .newsbox .more {
        display: block
    }

    .index_4 .newsbox .more .mbtn {
        bottom: 0;
        left: 50%;
        margin-left: -65px
    }

    .index_4 .box2 {
        width: 90%;
        padding: 0 5%;
        margin-top: 50px;
        height: 300px
    }

    .index_4 .newsbox ul li a {
        padding-right: 0
    }

    .index_4 .newsbox ul li {
        width: 100%;
        text-align: center;
        padding: 29px 0
    }

    .contact li .fl .flcon, .news .caselist li .word .wordbox {
        padding-bottom: 50px
    }

    .inbanner {
        margin-top: 60px
    }

    .zoujin_con .honor-list li {
        width: 50%
    }

    .contact li .ditu, .contact li .fl, .news .caselist li .word {
        width: 100%
    }

    .contact li p {
        float: left
    }

    .news .caselist li .pic {
        width: 100%;
        height: auto
    }

    .news .caselist li p, .newslist li p {
        height: 0
    }

    .newslist li .box {
        padding-bottom: 25px
    }

    .newslist li {
        height: auto
    }
}

@media (max-width: 768px) {
    .contact li .p1, .service h1 {
        text-align: center
    }

    header .logo img {
        height: 20px;
    }

    .foot .foot-top .fnav a {
        width: 25%;
        font-size: 14px
    }

    .index_6 .fr {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .index_6 .mob {
        display: block
    }

    #download .downbox .time, .index_6 .pc, .loca dl {
        display: none
    }

    .index_5 ul li {
        width: 50%
    }

    .index_5 {
        padding: 10px 0 30px
    }

    .index_5 ul {
        padding-top: 30px
    }

    .index_5 .tit {
        font-size: 26px
    }

    .index_5 ul li p em {
        font-size: 34px
    }

    .index_2 .box form .text {
        width: 88%
    }

    .index_2 .box form .button {
        width: 12%
    }

    .index_2 .box h3 {
        font-size: 20px
    }

    .index_3box .pic {
        height: auto
    }

    .index_3box .word:hover .p2 {
        font-size: 16px
    }

    .index_3box:hover .word {
        width: 90%;
        padding: 0 5%
    }

    .index_3box .word .p2 {
        width: 90%;
        margin: 0 auto
    }

    .loca ul {
        float: left
    }

    .loca ul li {
        line-height: 50px;
        margin: 0 20px
    }

    .zoujin_con .tit {
        font-size: 26px
    }

    .zoujin_con .word p {
        padding: 0
    }

    .zoujin_con .index_5 {
        padding: 20px 0 10px
    }

    .zoujin_con .m-t50 {
        margin-top: 40px
    }

    .contact li p, .zoujin_con .honor-list li {
        width: 100%
    }

    .contact li .p1 {
        height: auto;
        font-size: 26px
    }

    #download .downbox span {
        width: 33.33% !important
    }

    .service .serbot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .service .serbot {
        margin-top: 30px
    }

    .newslist {
        width: 100%
    }

    .newslist li {
        width: 100%;
        margin-right: 0
    }

    .shop .shop_con a {
        background: #fff;
        width: 90%;
        padding: 5%
    }

    .shop .shop_con {
        background: 0
    }

    #products .product > li {
        width: 100%
    }

    .m_pro_select {
        display: block;
        width: 100%;
        height: 55px;
        font-size: 15px;
        position: relative;
        z-index: 30
    }

    .m_pro_select li.hid, .mobloca {
        display: none
    }

    .m_pro_select .show {
        height: 55px;
        line-height: 54px;
        background: #d82128;
        color: #fff
    }

    .m_pro_select ul {
        position: absolute;
        width: 100%;
        top: 55px;
        left: 0;
        cursor: pointer;
        display: none;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m_pro_select li {
        height: 55px;
        line-height: 54px;
        background: #fff;
        color: #d82128;
        float: none
    }

    .m_pro_select li p {
        border-bottom: 1px solid #81bde5;
        padding: 0 4%
    }

    .m_pro_select li a {
        display: block;
        color: #d82128;
        padding: 0 4%
    }

    .m_pro_select li a:hover {
        background: #d82128;
        color: #fff
    }

    .m_pro_select i {
        width: 22px;
        height: 13px;
        background: url(../images/arrow.png) no-repeat;
        background-size: 100%;
        float: right;
        margin-top: 20px
    }

    .m_pro_search {
        background: #f1f1f1;
        margin: 0 auto;
        padding: 20px 0;
        display: block
    }

    .m_pro_search form {
        height: 40px;
        background: #fff;
        border: 1px solid #ddd;
        margin: 0 auto;
        width: 95%
    }

    .m_pro_search form input[type=text] {
        outline: 0;
        float: left;
        height: 40px;
        line-height: 40px;
        width: 80%;
        border: 0;
        text-indent: 20px;
        font-size: 16px;
        background: 0;
        color: #333;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 20px
    }

    .m_pro_search form input[type=submit] {
        width: 20%;
        float: left;
        height: 40px;
        line-height: 40px;
        background: url(../images/fdj.png) center center no-repeat
    }

    #product-view .container .tagtit {
        float: none;
        width: 90%;
        padding: 30px 5%
    }

    #product-view .container .tagtit a {
        display: inline-block !important;
        width: 24%;
        height: 20px;
        line-height: 20px;
        margin: 0 auto 10px
    }

    #product-view .container .tagcon {
        margin: 0 auto 20px;
        float: none
    }

    #product-view .model .title {
        padding: 10px 0
    }

    .msearch {
        display: none
    }
}

@media (max-width: 500px) {
    .index_3box {
        height: 400px
    }
}